﻿
<head>
	<link type="text/css" rel="stylesheet" href="head.css"/>
</head>
<body>
	<script src="jquery-1.7.2.min.js" ></script>
	<script type="text/javascript">
            var t = n = 0, count;
            $(document).ready(function(){
            count=$("#banner_list a").length;
            $("#banner_list a:not(:first-child)").hide();
            $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
            $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
            $("#banner li").click(function() {
            var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
            n = i;
            if (i >= count) return;
            $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
            $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
            $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
            document.getElementById("banner").style.background="";
            $(this).toggleClass("on");
            $(this).siblings().removeAttr("class");
            });
            t = setInterval("showAuto()", 4000);
            $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});
            })

            function showAuto()
            {
            n = n >=(count - 1) ? 0 : ++n;
            $("#banner li").eq(n).trigger('click');
            }
    </script>
	<div class="logo">
		<img src="./headimg/img01.jpg" class="logo-img"/>
		<div class="logo-right">
			<div class="logo-right-top">
				<div class="top-left-div">
					<a href="#">注册</a>
					<span>|</span>
					<a href="#">登陆</a>
				</div>
				<div class="top-middle-div1">
					<a href="#">新人力网微博</a>
					<img src="./headimg/arrow_32.gif" class="arrow_32"/>
				</div>
				<div class="top-middle-div">
					<a href="#">新人力杂志微博</a>
					<img src="./headimg/arrow_32.gif" class="arrow_32"/>
				</div>
			</div>
			<img src="./headimg/img02.jpg" class="img02"/>
			<img src="./headimg/img03.jpg" class="img03"/>
			
		</div>

	</div>
	<div class="head">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">HR资讯</a></li>
			<li><a href="#">产品中心</a></li>
			<li><a href="#">HR供应商</a></li>
			<li><a href="#">俱乐部</a></li>
			<li style="border:none"><a href="#">杂志订阅</a></li>
		</ul>
		<div class="head-right">
			
			<form method="post" action="">
				<input type="text" name="contents" class="head-form" value="请输入您要搜索的关键词"/>
			</form>
			<img src="./headimg/sc_but.jpg" class="head-right-img"/>
		</div>
	</div>	
	<div id="banner">    
                <div id="banner_bg"></div>  <!--标题背景-->
                <div id="banner_info"></div> <!--标题-->
                <ul>
                    <li class="on">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
               <div id="banner_list">
                    <a href="#" target="_blank"><img src="./headimg/S2009527586494.jpg" title="" alt="" /></a>
                    <a href="#" target="_blank"><img src="./headimg/1222140956shb.jpg" title="" alt="" /></a>
                    <a href="#" target="_blank"><img src="./headimg/17307356216368.jpg" title="" alt="" /></a>
                    <a href="#" target="_blank"><img src="./headimg/Img248308693_ss.jpg" title="" alt="" /></a>
                </div>
            </div>
            
           
</body>